<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>	
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--标准mui.css-->
		<link rel="stylesheet" href=" css/mui.min.css">
		<!--App自定义的css-->
		<link href="css/sight.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href=" css/app.css" />
		<link href="css/mui.picker.css" rel="stylesheet" />
		<link href=" css/mui.poppicker.css" rel="stylesheet" />
		<script src=" js/mui.min.js"></script>
		
			 <style>
			.mui-btn {
				font-size: 16px;
				padding: 8px;
				margin: 3px;
			}
			h5.div2right {
				margin-left: 3px;
				margin-top: 20px !important;
			}
			h5.div2right:first-child {
				margin-top: 12px !important;
			}
			.ui-alert {
				text-align: center;
				padding: 20px 10px;
				font-size: 16px;
			}
			.mui-bar-nav{
				background-color: green;
			}
			.div3{
				background-color: gray;
			}
			</style>
		<script type="text/javascript">
		   
			mui.init()
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">游玩</h1>
		</header>
		<div class="mui-content">
		    <div class="div1">
		    	<div class="div1left">去哪玩</div>
		    	<div class="div1right">玩什么</div>
		    </div>
		    <div class="div2">
		    	<div class="div2left">
		    		<select name="paixu"  >
	                    <option value = "0" select>综合排序</option>
						<option value = "1">价格由高到低</option>
						<option value = "2">价格由低到高</option>
						<option value = "3">距离由近及远</option>
						<option value = "4">距离由远及近</option>
	                </select>
		    	</div>
		    	<div class="div2right">
		    		其他筛选
		    	</div>
		    </div>
		    <div class="div3">向您推荐</div>
		    <div class="div4">
		    	<ul class="mui-table-view">
		    	    <li class="mui-table-view-cell mui-media">
		    	        <a href="javascript:;">
		    	            <img class="mui-media-object mui-pull-left" src="img/sy1.jpg">
		    	            <div class="mui-media-body">
		    	                三亚旅游度假区
		    	                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
		    	            </div>
		    	        </a>
		    	    </li>
		    	    <li class="mui-table-view-cell mui-media">
		    	        <a href="javascript:;">
		    	            <img class="mui-media-object mui-pull-left" src="img/ft.jpg">
		    	            <div class="mui-media-body">
		    	                方特旅游度假区
		    	                <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
		    	            </div>
		    	        </a>
		    	    </li>
		    	    <li class="mui-table-view-cell mui-media">
		    	        <a href="yuxiansh.html">
		    	            <img class="mui-media-object mui-pull-left" src="img/sh1.jpg">
		    	            <div class="mui-media-body">
		    	                最美树花之县--蔚县
		    	                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
		    	            </div>
		    	        </a>
		    	    </li>
		    	</ul>
		    </div>

		</div>
	</body>
	<!--<script src=" js/mui.picker.min.js"></script>-->
		<script src=" js/mui.picker.js"></script>
		<script src=" js/mui.poppicker.js"></script>
		<script src=" js/city.data.js" type="text/javascript" charset="utf-8"></script>
		<script src=" js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
`	<script type="text/javascript">
		mui.plusReady(function(){
			var cw=plus.webview.currentWebview();
			var titleName=cw.title;
			var header=document.querySelector(".mui-title");
			header.innerText=titleName;
		})
		//三级联动
		(function($, doc) {
				$.init();
				$.ready(function() {
					var cityPicker3 = new $.PopPicker({
						layer: 3
					});

					
					cityPicker3.setData(city.Data-3);
					var showCityPickerButton = doc.getElementById('showCityPicker3');
					var cityResult3 = doc.getElementById('cityResult3');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker3.show(function(items) {
							cityResult3.innerText = "你选择的城市是:" + (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
			})(mui, document);
	</script>
</html>